<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <title>崩坏3 · 角色列表</title>
    <link rel="stylesheet" href="{{pluResPath}}html/characters/characters.css" />
  </head>
  <body>
    <h1 style="text-align: center; color: white">我的女武神</h1>
    <div class="character-grid">
      {{each data.characters as char}}
      <div>
        <div class="char-card">
          <div
            class="char-background"
            style="background-image: url('{{char.character.avatar.avatar_background_path_v2}}');"
          ></div>
          <img
            class="char-img"
            src="{{char.character.avatar.sec_part_icon}}"
            alt="{{char.character.avatar.name}}"
          />
          <div
            class="char-attribute"
            style="background-image: url('{{char.character.avatar.attribute_background_path}}');"
          ></div>
          <div class="rank-tag">
            <img
              src="{{pluResPath}}/img/juese_star_{{char.character.avatar.star}}.png"
              alt="{{char.character.avatar.star}}"
            />
          </div>
          <div class="char-level">{{char.character.avatar.level}}级</div>
        </div>
        <div class="char-info-box">
          <div class="char-name" title="{{char.character.avatar.name}}">
            {{char.character.avatar.name}}
          </div>
        </div>
      </div>
      {{/each}}
    </div>
  </body>
</html>
